body,td,th,input,option,select,button { font-size:12px; font-family:Tahoma; }
body { color:#676767; background-color:#ececec; background-image:url(../images/gradient.jpg); background-repeat:repeat-x; background-position:top left; margin:0; padding:10px 30px 30px; }
textarea { line-height:1.4; font:normal 12px Tahoma; padding:4px; }
label { cursor:pointer; }
#logo { margin:15px 0 15px 3px; }
a { color:#005FA3; text-decoration:underline; }
a:hover { color:#333; }
.textlinks { position:absolute; top:15px; right:0; color:#FBFBFC; font:normal 11px Tahoma; }
.Header { position:relative; }
.top { color:#7CACDA; }
.RightHeader { font-weight:700; color:#fff; background-color:#ADAAAD; padding:4px 4px 4px 10px; }
ul { margin-top:5px; }
ul li { line-height:170%; list-style-type:disc; }


/*-- Grid --*/
.grid-view-loading { background:url(loading.gif) no-repeat scroll 0 0 transparent; }
.grid-view table.items { background:none repeat scroll 0 0 white; border-collapse:collapse; width:100%; }
.grid-view table.items th,.grid-view table.items td { font-size:.9em; padding:.3em; border: 1px solid white; }
.grid-view table.items th { vertical-align:middle; background-image:url(../images/table_bg.gif); background-repeat:repeat-x; background-color:#e4e4e4; color:#000; border-bottom:1px solid #ddd; text-align:center; height:27px; padding:4px; }
.grid-view table.items th a { color:#005FA3; font-weight:bold; text-decoration:none; }
.grid-view table.items th a:hover { color:#000; }
.grid-view table.items th a.asc { background:url(../images/active_sortup.gif) no-repeat scroll right center transparent; padding-right:10px; }
.grid-view table.items th a.desc { background:url(../images/active_sortdown.gif) no-repeat scroll right center transparent; padding-right:10px; }
.grid-view table.items tr.even { background:none repeat scroll 0 0 #F8F8F8; }
.grid-view table.items tr.odd { background:none repeat scroll 0 0 #EEEEEE; }
.grid-view table.items tr.selected { background:none repeat scroll 0 0 #BCE774; }
.grid-view table.items tr:hover { background:none repeat scroll 0 0 #ECFBD4; }
.grid-view .button-column { text-align:center; width:60px; }
.grid-view .checkbox-column { width:15px; }
.grid-view .summary { text-align:right; margin:0 0 5px; }
.grid-view .pager { text-align:right; margin:5px 0 0; }
.grid-view .empty { font-style:italic; }
.grid-view .filters input,.grid-view .filters select { border:1px solid #CCCCCC; width:100%; }
.grid-view .link-column img,.grid-view .button-column img { border:0 none; }
.grid-view .status-column { width:25px; }
.grid-view .status-column a { display:block; width:16px; height:16px; overflow:hidden; text-indent:-2011px; background:url(../images/delicon.gif) no-repeat; margin:0 auto; }
.grid-view .status-column a.active { background:url(../images/log_severity1.gif) no-repeat; }
.grid-view .datetime-column { width:150px; text-align:center; }
.grid-view table.items td.sortable { background:url(../images/sortable.png) no-repeat center left; padding-left:12px; cursor:move; }
.grid-view .filters input.hasDatepicker { width:90px; }
.grid-view .filters .filter-date { display:block; width:16px; text-indent:-1999px; background:url(../images/ico-calendar-disable.gif) left center no-repeat; float:left; text-align:left; }
.grid-view .filters .filter-date.active { background:url(../images/ico-calendar.gif) left center no-repeat; }

/*-- Form --*/
.form { margin:0; }
.form .form-group-heading { background:url(../images/table_bg.gif); font-weight:bold; height:27px; line-height:27px; padding-left:10px; }
.form input,.form textarea,.form select { margin:.2em 0 .5em; }
.form input[type=text] { padding:2px 2px 3px; }
.form input[type=checkbox] { margin:3px 2px 0; }
.form fieldset { border:1px solid #DDD; -moz-border-radius:7px; margin:0 0 10px; padding:10px; }
.form label { font-weight:bold; font-size:.9em; display:block; }
.form .row { margin:5px 0; overflow:hidden; }
.form .row .col-1, .form .row .col-2 { float:left; width:55%; margin-bottom:5px; }
.form .row .col-2 { width:45%; }
.form .hint { color:#999; margin:0; padding:0; }
.form .note { font-style:italic; }
.form span.required { color:red; } 
.form div.error label,.form label.error,.form span.error { color:#C00; } 
.form div.error input,.form div.error textarea,.form div.error select,.form input.error,.form textarea.error,.form select.error { background:#FEE; border-color:#C00; } 
.form div.success input,.form div.success textarea,.form div.success select,.form input.success,.form textarea.success,.form select.success { background:#E6EFC2; border-color:#C6D880; } 
.form .errorSummary,div.errorMessage { border:2px solid #C00; background:#FEE; font-size:.9em; margin:20px 0; padding:7px 7px 12px; } 
div.successMessage { border:2px solid #0C0; background:#EFE; font-size:.9em; margin:20px 0; padding:7px 7px 12px; } 
.form .errorMessage { color:red; font-size:.9em; } 
.form .errorSummary p { margin:0; padding:5px; } 
.form .errorSummary ul { margin:0; padding:0 0 0 20px; } 
.wide form label { float:left; margin-right:10px; position:relative; text-align:right; width:200px; line-height:24px; } 
.wide .row .hint { float:none; clear:both; margin-left:210px; padding-top:2px; } 
.wide form .row { clear:left; } 
.wide form .buttons { clear:left; margin-left:210px; } 
.wide form .errorMessage { margin:0 0 0 210px; } 
.wide form .note { padding-left:210px; } 
.form .row .col-1 label { text-align:left; }
.wide .row #hirings-selected,
.wide .row #locations-selected { padding-left:210px; clear:both; overflow:hidden; }
* html .wide .row #hirings-selected,
* html .wide .row #locations-selected { height:1%; }
.wide .row #hirings-selected a,
.wide .row #locations-selected a { margin:0 10px; display:block; float:left; text-decoration:none; }
.wide .row #hirings-selected a span,
.wide .row #locations-selected a span { background:url('../images/cross.gif') no-repeat left center; padding-left:16px; display:inline; margin-left:5px; }
.center-fix .row { width:80%; margin:0 auto; }
.logo img { border:none; }


/*-- CURD menu --*/
.crud-menu ul { margin-left:-50px; }
.crud-menu ul li { display:inline; padding:0 12px 0 12px; border-right:1px solid #ccc; }
.crud-menu ul li.last { border-right:none; }

/*-- breadcrumb Styles --*/
.breadcrumb { clear:left; height:24px; background:url(../images/breadcrumb_grid.png) no-repeat 5px 5px #fff; border-bottom:1px solid #dcdcdc; border:1px solid #dcdcdc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; margin-right:10pt; margin-left:10pt; padding-left:21px; padding-right:5px; }
.breadcrumb a,.breadcrumb span { display:block; float:left; height:24px; line-height:24px; padding:0 20px 0 5px; }
.breadcrumb a { text-decoration:none; font-weight:bold; background:#fff url(../images/breadcrumb_grid.png) no-repeat right -50px; }
.breadcrumb span { background:#f4f5f7 url(../images/breadcrumb_grid.png) no-repeat right -50px; }
.breadcrumb a.second-last { background:url(../images/breadcrumb_grid.png) no-repeat right -19px; }
.right-menu { float:right; position:relative; }
.right-menu a { background:none; padding:0 4px 0 10px; font-size:0.9em; float:none; font-weight:normal; height:24px; } 
.right-menu .active-button{background:none repeat scroll 0 0 #FFFFFF;position:relative; z-index:1000000;border-color:#CACACA;border-style:solid solid none;border-width:0 1px 0;margin:0 1px 0 3px;}
.right-menu  li a{ line-height:1.7em; height:auto; padding: 2px 10px; }
.right-menu .pop-down-menu-container { margin-top:1px; }

/* right top menu */
.category-list { border-left:1px solid #D6D6D6; float:left; list-style:none outside none; width:18%; margin:10px 0 0 -1px; padding:0;  }
.category-list li { margin-bottom:4px; list-style: none outside none; }
.category-list a { border-color:#CFCFCF; border-style:solid; border-width:1px 1px 1px 0; color:#9999; display:block; font-size:11px; font-weight:bold; text-align:right; width:100%;  text-decoration:none; }
.category-list .selected a {  margin-left:-1px; border-color:#CFCFCF #CFCFCF #CFCFCF #FFFFFF; border-style:solid; border-width:1px; }
.category-list a span { background:url(images/categories_tab_bottom.gif) no-repeat scroll right bottom transparent; display:block; padding:5px 10px; color:#333; }
.category-list .selected a span { background:url(images/categories_tab_bottom_selected.gif) no-repeat scroll right bottom transparent; color:#005FA3; }

/* top header */
h2.top-header { background:url(../images/section_start.gif) no-repeat scroll left top transparent;font-size:13px;font-weight:bold;overflow:hidden;}
h2.top-header span { background:url(../images/section_end.gif) no-repeat scroll right top transparent; display:block; padding:8px 15px 9px; color:#FFF; }


.clear-fix { clear:both; }